<template>
<li 
    class="dropdown-option"
    :class="{'is-diabled':disabeld}"
>
    <slot></slot>
</li>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
    props:{
        disabeld:{
            type:Boolean,
            default:false
        }
    }

})
</script>
<style>
.dropdown-option.is-diabled *{
    color: #6c757d;
    pointer-events: none;
    background-color: transparent;
}
</style>